import React, { Component } from "react";
import { Button, ConfigProvider } from "antd";
import { QuestionCircleOutlined, SearchOutlined } from "@ant-design/icons";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
import zhCN from "antd/locale/zh_CN";

dayjs.locale("zh-cn");

export default class App extends Component {
  render() {
    return (
      <ConfigProvider
        locale={zhCN}
        theme={{ components: { Button: { colorPrimary: "#00b96b" } } }}
      >
        <div>
          App
          <Button type="primary">按钮1</Button>
          <Button icon={<SearchOutlined />}>按钮2</Button>
          <Button type="link">按钮3</Button>
          <button>按钮</button>
          <QuestionCircleOutlined />
        </div>
      </ConfigProvider>
    );
  }
}
